

$(function () {

    // 首页 顶部轮播开始
    //
    var myTimer = null
    initEvent();
    autoPlay();

    var arr = ["swiper1.jpg", "swiper2.jpg", "swiper3.jpg"];
    var ord = 0;//代表当前图片的序号，从0开始。

    function initEvent() {
        $("#box").mouseenter(function () {
            stopPlay();
        });

        $("#box").mouseleave(function () {
            autoPlay();
        });

        $("#box li").click(function () {

            goImg($("#box li").index(this));
        });

    }


    //1、自动播放
    function autoPlay() {

        clearInterval(myTimer)
        myTimer = setInterval(function () {
            //一、改变数据
            // 1、记录当前序号（淡出的图片序号）
            let outOrd = ord;
            //2、改变要显示的图片的序号（淡出图片序号加一）
            ord++;
            if (ord > arr.length - 1) {
                ord = 0;
            }
            // console.log(ord)
            //二、改变外观
            let $img = $("#box .img_cover");
            //1、淡入淡出效果
            //让一张(outOrd)淡出 当前消失
            $img.eq(outOrd).animate({ "opacity": 0 }, 1500);
            //让一张(ord)淡入下一张图片显示
            $img.eq(ord).animate({ "opacity": 1 }, 1500);

        }, 5000);
    }

    //2、停止播放
    function stopPlay() {
        clearInterval(myTimer);
        // console.log(myTimer)
    }

    //3、跳转到指定的图片
    function goImg(transOrd) {
        // console.log("lkk")
        //一、改变数据
        // 1、记录当前序号（淡出的图片序号）
        let outOrd = ord;
        //2、改变要显示的图片的序号（传入的图片序号）
        ord = transOrd;
        if (ord > arr.length - 1) {
            ord = 0;
        }
        //二、改变外观
        let $img = $("#box img");
        //1、淡入淡出效果
        //让一张(outOrd)淡出 当前消失
        $img.eq(outOrd).animate({ "opacity": 0 }, 1500);
        //让一张(ord)淡入下一张图片显示
        $img.eq(ord).animate({ "opacity": 1 }, 1500);
    }




    // 新闻资讯 右侧轮播开始
    //

    var myTimer1 = null
    initEvent1();
    autoPlay1();

    var arr1 = ["img_cover1", "img_cover2", "img_cover3"];
    var ord1 = 0;//代表当前图片的序号，从0开始。

    function initEvent1() {
        $("#box1").mouseenter(function () {
            stopPlay1();
        });

        $("#box1").mouseleave(function () {
            autoPlay1();
        });

        $("#box1 li").click(function () {
            let index = $("#box1 li").index(this)
            $("#box1 li").eq(index).addClass('active7')
            $("#box1 li").eq(index).siblings().removeClass('active7')
            goImg1(index);
        });

    }


    //1、自动播放
    function autoPlay1() {
        clearInterval(myTimer1)
        myTimer1 = setInterval(function () {
            //一、改变数据
            // 1、记录当前序号（淡出的图片序号）
            let outOrd = ord1;
            //2、改变要显示的图片的序号（淡出图片序号加一）
            ord1++;
            if (ord1 > arr1.length - 1) {
                ord1 = 0;
            }
            $("#box1 li").eq(ord1).addClass('active7')
            $("#box1 li").eq(ord1).siblings().removeClass('active7')
            //二、改变外观
            let $img = $("#box1 .img_cover");
            //1、淡入淡出效果
            //让一张(outOrd)淡出 当前消失
            $img.eq(outOrd).animate({ "opacity": 0 }, 1000);
            //让一张(ord)淡入下一张图片显示
            $img.eq(ord1).animate({ "opacity": 1 }, 1000);

        }, 5000);
    }

    //2、停止播放
    function stopPlay1() {
        clearInterval(myTimer1);
        // console.log(myTimer)
    }

    //3、跳转到指定的图片
    function goImg1(transOrd) {

        //一、改变数据
        // 1、记录当前序号（淡出的图片序号）
        let outOrd = ord1;
        //2、改变要显示的图片的序号（传入的图片序号）
        ord1 = transOrd;
        if (ord1 > arr1.length - 1) {
            ord1 = 0;
        }
        // console.log("kkk")
        //二、改变外观
        let $img = $("#box1 .img_cover");
        //1、淡入淡出效果
        //让一张(outOrd)淡出 当前消失
        $img.eq(outOrd).animate({ "opacity": 0 }, 1000);
        //让一张(ord)淡入下一张图片显示
        $img.eq(ord1).animate({ "opacity": 1 }, 1000);
    }


    // zr页面轮播
    //

    var myTimer2 = null
    initEvent2();
    autoPlay2();

    var zr_length = 4;
    var ord2 = 0;   //代表当前图片的序号，从0开始。
    var index_num = 1  // 当前是第几组

    function initEvent2() {
        $(".zr_lunbo").mouseenter(function () {
            stopPlay2();
        });

        $(".zr_lunbo").mouseleave(function () {
            autoPlay2();
        });

        $(".zr_swiper1_list_footer .item").click(function () {
            let index = $(".zr_swiper1_list_footer .item").index(this)
            $(".zr_swiper1_list_footer .item").eq(index).addClass('zr_active5')
            $(".zr_swiper1_list_footer .item").eq(index).siblings().removeClass('zr_active5')
            goImg2(index);
        });

    }


    //1、自动播放
    function autoPlay2() {
        clearInterval(myTimer2)
        myTimer2 = setInterval(function () {
            //一、改变数据
            // 1、记录当前序号（淡出的图片序号）
            let outOrd = ord2;
            //2、改变要显示的图片的序号（淡出图片序号加一）
            ord2++;
            if (ord2 > (zr_length)*index_num-1) {
                ord2 = (index_num - 1)*zr_length;
            }
            $(".zr_swiper1_list_footer .item").eq(ord2).addClass('zr_active5')
            $(".zr_swiper1_list_footer .item").eq(ord2).siblings().removeClass('zr_active5')

            $(".zr_list12 .item").eq(ord2).show()
            $(".zr_list12 .item").eq(ord2).siblings().hide()
            //二、改变外观
            let $img = $(".zr_swiper1_list_footer .item");
            //1、淡入淡出效果
            $(".zr_lunbo").css({
                'background-image': `url(../img/${ord2+1}.jpg)`,
            })
        }, 3000);
    }

    //2、停止播放
    function stopPlay2() {
        clearInterval(myTimer2);
        // console.log(myTimer)
    }

    //3、跳转到指定的图片
    function goImg2(transOrd) {
        //让一张(outOrd)淡出 当前消失
        $(".zr_swiper1_list_footer .item").eq(transOrd).addClass('zr_active5')
        $(".zr_swiper1_list_footer .item").eq(transOrd).siblings().removeClass('zr_active5')

        $(".zr_list12 .item").eq(transOrd).show()
        $(".zr_list12 .item").eq(transOrd).siblings().hide()
  
        //1、淡入淡出效果
        $(".zr_lunbo").css({
            'background-image': `url(../img/${transOrd+1}.jpg)`,
        })
    }

    // 顶部切换
    $(".zr_swiper1_item_navlist_item").click(function(e){
        e.stopPropagation();
        
        let index=$(this).index()/2
        index_num=index+1
        $(".zr_swiper1_item_navlist_item").eq(index).find("p").addClass("zr_active4")
        $(".zr_swiper1_item_navlist_item").eq(index).siblings().find("p").removeClass("zr_active4")
        
        $(".zr_swiper1_list .zr_swiper1_item").eq(index).show()
        $(".zr_swiper1_list .zr_swiper1_item").eq(index).siblings().hide()
        goImg2((index_num-1)*zr_length)
        ord2=(index_num-1)*zr_length
    })




});
